modaal

A만 팝업 한개더!

네, A가 두개 맞고 생각하시는 그 모달 윈도우가 맞습니다. 그럼 새삼스럽게 왜 모달 플러그인을 얘기를 할까요?

It’s hard to find a plugin with the right mix of quality, flexibility and accessibility. We thought it would be interesting to develop something that would work in a variety of projects, furthering the cause for an accessible web

프론트엔드 관련해서 개발해 보신 분들은 아마 모달 창을 띄우기가 간단하면서도 여러가지 다중 작업들을 하려면 생각보다 까다롭다는 생각들 많이 하셨을 것 같습니다.

2016/04/25 Editor’s choice

humaan/Modaal
_Version 0.2.10 Requires jQuery 1.11.2. v2+ not tested Built by Humaan Modaal is a WCAG 2.0 Level AA accessible modal…_github.com

이 프로젝트는 자신있게 자신들의 차별점을 이야기 하는데요.

우선 WCAG 2.0 Level AA라는 것을 강조합니다.

Web Content Accessibility Guidelines (WCAG) 2.0
_This section is normative. abbreviation shortened form of a word, phrase, or name where the abbreviation has not become…_www.w3.org

이 표준 문서는 웹 접근성에 대한 문서입니다.


bootstrap modal

bootstrap에도 modal 창이 따로 있습니다.

JavaScript
_Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development._getbootstrap.com

부트스트랩이 javascript 팝업 인터페이스만 제공하는 것에 비해, modaal 프로젝트는 세세한 옵션을 많이 지원하는 편이라는 생각이 듭니다.

특히 이벤트 사이에 치고 들어가기 많이 어려운 반면 modaal은 많은 이벤트들을 가지고 있어서 사용하기 쉬울 수도 있어 보입니다.

디자인 측면도 bootstrap은 라운드 형태라면 modaal은 Material에 가까운 느낌입니다.

By Keen Dev on April 24, 2016.

Exported from Medium on May 31, 2017.